/* Structure */
* { margin:0 }

html, body{height:100%;}
#Header{width:100%;height:40px;position:fixed;top:0px;padding:10px 0 10px 0;}
#Trunk{width:100%;min-height:100%;height:auto; margin:0 auto -60px;}
	.push{min-height:60px;}
#Footer{width:100%;height:40px;padding:10px 0 10px 0;}
.content{width:940px;height:auto;margin:auto;}
#DataContainer{border:1px #C7C7C7 solid;}
	.topic{margin:5px;border:1px #D8D8D8 solid;border-radius:4px;}
		.topicTitle{padding:10px;border-radius:4px;}
			.topicInfo{float:right;}
		.topicDisplay{display: block;padding:5px;font-size:20px;font-weight:bold;text-align:center;}

/* Header */
#Home{width:25%;height:100%;float:left;text-align:center;}
#Navigation{height:100%;float:right;margin-right:20px;}
	#Nav_Blog{display:block;background:url(blog-icon.png) no-repeat right top;height:50px;width:50px;float:left;}
	#Nav_Gallery{display:block;background:url(gallery-icon.png) no-repeat right top;height:50px;width:50px;float:right;}

/* Topic */
.topicContent img{width:400px;display: block;border:1px black solid;margin:10px;}
.topicContent p{margin:10px;}
.topicImage{background:url(draw-icon-50.png) no-repeat right top;height:50px;width:50px;}
.topicText{background:url(writer-icon-50.png) no-repeat right top;height:50px;width:50px;}
